<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:f="http://xmlns.jcp.org/jsf/core">
    <h:head>
        <title>Overzicht studenten</title>
        <!-- Latest compiled and minified CSS -->
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" />
        <link rel="stylesheet" href="css/main.css" />
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    </h:head>
    <h:body>
            <ui:include src="/navigatie.xhtml" />
            <h2>Student: #{puntenController.getStudent().naam}</h2>
            <h3>Klas: #{puntenController.getKlasFromStudent()}</h3>
            
            <h:dataTable id="resultaten" var="score" value="#{puntenController.getScoreFromStudentId(puntenController.getStudent().id)}" class="table">
                
                <h:column>    				
                    <f:facet name="header">Vak</f:facet>    				
                    #{puntenController.getVak((puntenController.getTestFromTestId(score.testId)).vakId).naam}
                </h:column>
                <h:column>    				
                    <f:facet name="header">Test</f:facet>    				
                        #{puntenController.getTestFromTestId(score.testId).naam}
                </h:column>
                <h:column>
                    <f:facet name="header">Score</f:facet>
                    #{score.score}
                </h:column>
                
            </h:dataTable>

    </h:body>
        
</html>

